﻿
@font-face { font-family: Effra; font-weight: 700; font-style: normal; src: url(/Assets/Font/Effra-Bold.eot); src: url(/Assets/Font/Effra-Bold.eot?#iefix) format('embedded-opentype'),url(/Assets/Font/Effra-Bold.woff) format('woff'),url(/Assets/Font/Effra-Bold.ttf) format('truetype'); }
@font-face { font-family: Effra; font-weight: 500; font-style: normal; src: url(/Assets/Font/EffraMedium-Regular.eot); src: url(/Assets/Font/EffraMedium-Regular.eot?#iefix) format('embedded-opentype'),url(/Assets/Font/EffraMedium-Regular.woff) format('woff'),url(/Assets/Font/EffraMedium-Regular.ttf) format('truetype'); }
@font-face { font-family: Effra; font-weight: 400; font-style: normal; src: url(/Assets/Font/Effra-Regular.eot); src: url(/Assets/Font/Effra-Regular.eot?#iefix) format('embedded-opentype'),url(/Assets/Font/Effra-Regular.woff) format('woff'),url(/Assets/Font/Effra-Regular.ttf) format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: Effra; font-weight: 300; font-style: normal; src: url(/Assets/Font/EffraLight-Regular.eot); src: url(/Assets/Font/EffraLight-Regular.eot?#iefix) format('embedded-opentype'),url(/Assets/Font/EffraLight-Regular.woff) format('woff'),url(/Assets/Font/EffraLight-Regular.ttf) format('truetype'); }
@font-face { font-family: Effra; font-weight: 900; font-style: normal; src: url(/Assets/Font/EffraHeavy-Regular.eot); src: url(/Assets/Font/EffraHeavy-Regular.eot?#iefix) format('embedded-opentype'),url(/Assets/Font/EffraHeavy-Regular.woff) format('woff'),url(/Assets/Font/EffraHeavy-Regular.ttf) format('truetype'); }

.language-menu{
    right: 112px;
    margin-top: 35px;
    position: absolute;
    font-size: 31px;
    font-family: Effra;
}



.nano { position: relative; width: 100%; height: 100%; overflow: hidden; }
.nano > .nano-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
.nano > .nano-content:focus { outline: dotted thin; }
.nano > .nano-content::-webkit-scrollbar { display: none; }
.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
.nano > .nano-pane { position: absolute; width: 10px; right: 5px; top: 0; bottom: 0; visibility: hidden\9; opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.nano > .nano-pane > .nano-slider { background: #ff4300; position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.nano-pane:hover, .nano-pane.active.scroll-visible, .nano-pane.flashed.scroll-visible, .nano-pane.scroll-visible { visibility: visible\9; opacity: .99; }
.home-type-header, .mt20, .mt30 { width: 100%; float: left; }
.home-type-header, .logo { background-repeat: no-repeat; }
.menu .language, .menu ul.department, .menu ul.page { font-family: Effra; }
*, .works-page-filtre-list-container.controls .control:focus, :focus { outline: 0; }
body, html { margin: 0; padding: 0; background-color: #eee; height: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; }
body[data-language=en] .menu ul.language li.en a, body[data-language=tr] .menu ul.language li.tr a, body[data-language=es] .menu ul.language li.es a { background-color: #731568; border-radius: 40px; }
*, :focus { border: none; }
.c { clear: both; }
.menu .language { display: none !important; }
.home-type-header { min-height: 500px; height: 100%; position: relative; background-position: center; background-color: #390653; display: table; }
.logo { position: absolute; transition-property: opacity; transition-duration: .3s; background-image: url(/Assets/Images/Master/LogoDmx.png); background-size: cover; width: 180px; height: 32px; z-index: 5000; margin-left: 28px; margin-top: 31px; cursor: pointer; }
.logo.logohidden { opacity: 0; }
.pagetyp-home .logo, .pagetyp-works .logo, .pagetyp-works-detail .logo { background-image: url(/Assets/Images/Master/LogoDmxWhite.png); }
.pagetyp-works-detail .h-menu span { background-color: #FFF; }
.logo a { width: 100%; height: 100%; position: relative; float: left; }
.mobile .logo { z-index: 1; }
.h-menu { position: fixed; z-index: 257; right: 40px; top: 40px; height: 30px; width: 36px; margin: 0 auto; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.h-menu span { display: block; position: absolute; height: 5px; width: 100%; background: #fe4202; border-radius: 5px; opacity: 1; left: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.h-menu span:nth-child(1), .h-menu span:nth-child(2) { -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; }
.openScroll.h-menu span { background: #fe4202; }
.open.h-menu span, .pagetyp-home .h-menu span, .pagetyp-works .h-menu span, .h-menu.openvideo span { background: #fff; }
.shadow .title, .shadow .subtitle, .shadow .detail-year { text-shadow: rgba(57, 6, 83,0.7) 0px 0px 2px; }
.shadow-op7 .title, .shadow-op7 .subtitle, .shadow-op7 .detail-year { text-shadow: rgba(57, 6, 83,0.7) 0px 0px 2px; }
.works-page-filtre-list-container .isMobile1 { display: none; }
.mobile .detail-year { display: none; }
.h-menu span:nth-child(1) { top: 0; transform-origin: left center; }
.h-menu span:nth-child(2) { top: 12px; transform-origin: left center; }
.h-menu span:nth-child(3) { top: 24px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.h-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }
.h-menu.open span:nth-child(2) { width: 0; opacity: 0; }
.h-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 22px; left: 8px; }

.h-menu.openvideo span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }
.h-menu.openvideo span:nth-child(2) { width: 0; opacity: 0; }
.h-menu.openvideo span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 22px; left: 8px; }


.menu { position: fixed; z-index: 255; right: -100%; top: 0; width: 100%; height: 100%; }
.menu.topen li { transition-property: margin-left; transition-duration: .9s; }
.menu a { color: #FFF; text-decoration: none; }
.menu ul, .menu ul li { margin: 0; padding: 0; list-style: none; }
.menu ul.department { font-weight: 500; font-style: normal; font-size: 30px; margin-top: 125px; }
.menu ul.department li a { padding-left: 53px; padding-right: 53px; width: 100%; box-sizing: border-box; display: block; float: left; height: 53px; line-height: 53px; }
.menu ul.department li a:hover { background-color: #731568; }
.menu ul.page { font-weight: 900; font-style: normal; font-size: 91px; float: left; width: 100%; height: 100%; }
.menu ul.page li > a { width: 100%; box-sizing: border-box; height: 100%; text-align: center; display: table-cell; vertical-align: middle; }
.menu ul.page li { height: 25%; width: 100%; display: table; -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955); }
.menu ul.page li:nth-child(1) { background-color: #ff4301; margin-left: 100%; -webkit-transition-delay: 0s; transition-delay: 0s; }
.menu ul.page li:nth-child(2) { background-color: #d50037; margin-left: 100%; -webkit-transition-delay: .1s; transition-delay: .1s; }
.menu ul.page li:nth-child(3) { background-color: #730068; margin-left: 100%; -webkit-transition-delay: .2s; transition-delay: .2s; }
.menu ul.page li:nth-child(4) { background-color: #390653; margin-left: 100%; -webkit-transition-delay: .3s; transition-delay: .3s; }
.menu.open ul.page li:nth-child(1), .menu.open ul.page li:nth-child(2), .menu.open ul.page li:nth-child(3), .menu.open ul.page li:nth-child(4) { margin-left: 0; }
.menu .language { font-weight: 500; font-style: normal; font-size: 20px; margin-top: 70px; float: left; position: absolute; margin-left: -100px; }
.home-about-text-container .home-about-title, .home-subtitle, .home-title, .show-all-works-button a { font-weight: 700; font-style: normal; font-family: Effra; }
.menu .language a { margin-bottom: 5px; text-align: center; display: block; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 5px 15px; }
.menu .language a:hover, .menu .language.en .en a, .menu .language.tr .tr a { background-color: #731568; }
.home-container { padding-left: 120px; box-sizing: border-box; display: table-cell; vertical-align: middle; position: relative; z-index: 66; overflow: hidden; opacity: 1; }
.home-title { font-size: 100px; color: #FFF; line-height: 104px; width: 200%; }
.home-type-header-maps .home-title { color: #ff4300; }
.home-type-header video { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; }
.mobile .home-type-header > img { width: 100%; height: 100%; object-fit: cover; position: absolute; transition-property: opacity; transition-duration: .3s; }
.home-subtitle { font-size: 27px; color: #FFF; margin-top: 41px; float: left; border: solid 3px #FFF; }
.home-subtitle:hover { /*color: #ff4301;*/ border: solid 3px #ff4301; }
.home-subtitle img { margin-left: 10px; }
footer .content { width: 1680px; margin-left: auto; margin-right: auto; }
.show-all-works-button { width: 300px; height: 60px; background-color: #ff4300; line-height: 60px; text-align: center; margin: 40px auto; }
.show-all-works-button a { width: 100%; height: 100%; display: block; float: left; color: #FFF; text-align: center; font-size: 21px; text-decoration: none; }
.about-page-title-link, .home-subtitle, .home-title { transition-property: font-size,line-height,margin-top,color,border; transition-duration: .3s; cursor: pointer; }
.home-title { cursor: unset; }
.about-page-title-link .h, .about-page-title-link .n, .node-arrow .h, .node-arrow .n { transition-property: opacity; transition-duration: .3s; }
.node-arrow { float: right; }
.about-page-title-link { border: solid 3px #730068; }
.about-page-title-link:hover { border: solid 3px #ff4301; }
.pagetyp-about .about-page-title-link .node-arrow img { float: left; }
.pagetyp-about .about-page-title-link { padding-top: 14px; padding-bottom: 14px; padding-left: 18px; padding-right: 18px; }



.about-page-title-link .n, .node-arrow .n { position: absolute; }
.h-menu, .home-container { transition-duration: .7s; }
.node-arrow .h { opacity: 0; }
.home-subtitle:hover .node-arrow .h { opacity: 1; }
.home-subtitle:hover .node-arrow .n { opacity: 0; }
.about-page-title-link:hover .node-arrow .h { opacity: 1; }
.about-page-title-link:hover .node-arrow .n { opacity: 0; }
.detail-link:hover .node-arrow .h { opacity: 1; }
.detail-link:hover .node-arrow .n { opacity: 0; }
.works-category-mobile-select { display: none; }
.home-container { transition-property: padding-left; }
.home-subtitle img, .logo { transition-property: all; transition-duration: .3s; }
.home-type-header .home-subtitle { padding-top: 14px; padding-bottom: 14px; padding-left: 18px; padding-right: 18px; }
.home-type-header .home-subtitle .node-arrow { float: left; }
.home-type-header .home-subtitle .node-arrow img { float: left; }

.home-type-header .home-subtitle img { margin-left: 0px; margin-right: 18px; }
.h-menu { transition-property: right,top; }
.menu ul.department, .menu ul.department li a, .menu ul.language, .menu ul.page, .menu ul.page li a { transition-property: all; transition-duration: .3s; }
footer .content { transition-property: width; transition-duration: .5s; }
.show-all-works-button { transition-property: all; transition-duration: .5s; }
.home-about-text-container { width: 40%; margin-left: auto; margin-right: auto; }
.home-about-text-container .home-about-title { font-size: 30px; color: #383838; }
.home-about-text-container .home-about-text { font-family: Effra; font-weight: 400; font-style: normal; font-size: 21px; color: #383838; padding-top: 10px; }
.home-about-text-container .home-about-text strong, footer .carrier li a { font-family: Effra; font-weight: 700; font-style: normal; }
footer { background-color: #390653; }
footer .carrier, footer .carrier li { margin: 0; padding: 0; }
footer .carrier li { width: 100%; background-color: #730068; box-sizing: border-box; }
footer .carrier li a { text-decoration: none; font-size: 21px; color: #FFF; display: block; line-height: 100px; }
footer .carrier li a img { margin-left: 5px; }
.footer-menu ul, .footer-menu ul li { margin: 0; padding: 0; float: left; list-style: none; }
.footer-menu ul { width: 100%; float: left; margin-top: 75px; }
.footer-menu ul.social {     margin-top: 5px; width: 122%;
    margin-left: -5px; }
.footer-menu ul li { width: 25%; box-sizing: border-box; }
.footer-menu ul span, .footer-menu ul strong { width: 100%; font-family: Effra; display: block; font-weight: 700; }
.footer-menu ul strong { color: #fff; font-size: 20px; }
.footer-menu ul span { color: #c0b9c6; font-size: 16px; margin-top: 20px; }
.footer-menu ul strong.footer-carrer img { margin-left: 8px; }
.home-grid-node[date-typ=fullscreen] .context .title, .home-grid-node[date-typ=box] .context .title, .home-grid-node[date-typ=boxTwoColumn] .context .title { margin-left: -2px; font-family: Effra; font-style: normal; transition-property: all; transition-duration: .7s; }
.footer-menu ul a { text-decoration: none; color: #c0b9c6; }
.footer-menu { border-bottom: solid 5px #ff4300; box-sizing: border-box; padding: 2px 30px; }
.footer-menu ul.social li { width: 25px; height: 23px; margin-right: 40px; }
.footer-menu ul.social li:hover { background-position: left bottom; }
.footer-menu ul.social li.f { background-image: url(/Assets/Images/SocialNetwork/f.png?v2); }
.footer-menu ul.social li.t { background-image: url(/Assets/Images/SocialNetwork/t.png?v2); }
.footer-menu ul.social li.v { background-image: url(/Assets/Images/SocialNetwork/v.png?v2); }
.footer-menu ul.social li.in { background-image: url(/Assets/Images/SocialNetwork/in.png?v2); }
.footer-menu ul.social li.i { background-image: url(/Assets/Images/SocialNetwork/i.png?v2); }
.footer-menu ul.social li.y { background-image: url(/Assets/Images/SocialNetwork/y.png?v2); }
.footer-menu ul.social li.beh { background-image: url(/Assets/Images/SocialNetwork/be.png?v2); }

.home-grid-node.SocialNetwork, .home-grid-node[date-typ=fullscreen], .home-grid-node[date-typ=box], .home-grid-node[date-typ=boxTwoColumn] { background-image: url(/Assets/Images/Master/cube.gif); background-position: center; background-repeat: no-repeat; }
.footer-menu ul.social li a { display: block; width: 100%; height: 100%; float: left; position: relative; }
.home-type-header-maps #map { box-sizing: border-box; position: absolute !important; display: block; width: 100%; height: 100%; }
.home-grid-node .context { display: none; }
.footer-menu ul strong.footer-carrer { color: #fff; font-size: 20px; font-family: Effra; font-weight: 700; font-style: normal; margin-top: -2px; }
.home-grid-node > img { float: left; width: 100%; }
.pagetyp-home footer { margin-top: 0; }
.home-grid-node a { text-decoration: none; }
.home-grid-node .context .detail-link img, .home-grid-node[date-typ=fulscreenText] .context, .home-grid-node[date-typ=fulscreenText] .title { transition-property: all; transition-duration: .5s; }
.home-grid-node[date-typ=box] { background-color: #390653; position: relative; width: 50%; float: left; display: table; }
.home-grid-node[date-typ=box] .context { display: block; opacity: 0; padding-left: 50px; padding-right: 50px; transition-property: all; transition-duration: .7s; z-index: 22; position: absolute; float: left; height: 100%; width: 100%; box-sizing: border-box; }
.home-grid-node[date-typ=box] .context-table { position: absolute; vertical-align: middle; bottom: 6%; margin-bottom: -10px; transition-property: all; transition-duration: .7s; }
.home-grid-node[date-typ=box] .box-border { transition-property: all; transition-duration: .7s; width: 100%; opacity: 0; height: 7px; background-color: #ff4300; float: left; position: relative; margin-top: -7px; }
.home-grid-node[date-typ=box] .context .title { color: #fff; font-size: 60px; font-weight: 700; }
.home-grid-node[date-typ=box] .context .subtitle { margin-top: 2px; transition-property: all; transition-duration: .7s; color: #fff; font-size: 20px; font-family: Effra; font-weight: 400; font-style: normal; }
.home-grid-node[date-typ=box] .context .detail-year { transition-property: all; transition-duration: .7s; color: #fff; font-size: 20px; font-family: Effra; font-weight: 400; font-style: normal; margin-top: 24px; }
.home-grid-node[date-typ=box] > img { transition-property: all; transition-duration: .7s; }
.home-grid-node[date-typ=box]:hover .box-border { width: 100%; opacity: 1; }
.home-grid-node[date-typ=box]:hover .context-table { margin-bottom: 0; }
.home-grid-node[date-typ=box]:hover .context { opacity: 1; }
.home-grid-node[date-typ=box]:hover > img { opacity: .3; }
.mobile .home-grid-node[date-typ=box] > img { opacity: 1 !important; }
.mobile .home-grid-node[date-typ=box] .context { opacity: 1 !important; }
.mobile .home-grid-node[date-typ=box] .box-border { opacity: 0 !important; }
.mobile .home-grid-node[date-typ=box] .context-table { margin-bottom: 0 !important; width: 80%; }
.mobile .MoreProjectsHover { opacity: 1 !important; background-color: transparent !important; border: none !important; }
.home-grid-node[date-typ=boxTwoColumn] { background-color: #390653; position: relative; width: 50%; float: left; display: table; }
.home-grid-node[date-typ=boxTwoColumn] .context { display: block; opacity: 0; padding-left: 50px; padding-right: 50px; transition-property: all; transition-duration: .7s; z-index: 22; position: absolute; float: left; height: 100%; width: 100%; box-sizing: border-box; }
.home-grid-node[date-typ=boxTwoColumn] .context-table { bottom: 4%; position: absolute; vertical-align: middle; margin-bottom: -10px; transition-property: all; transition-duration: .7s; }
.home-grid-node[date-typ=boxTwoColumn] .box-border { transition-property: all; transition-duration: .7s; opacity: 0; width: 100%; height: 7px; background-color: #ff4300; float: left; position: relative; margin-top: -7px; }
.home-grid-node[date-typ=boxTwoColumn] .context .title { color: #fff; font-size: 60px; font-weight: 700; }
.home-grid-node[date-typ=boxTwoColumn] .context .subtitle { margin-top: 2px; transition-property: all; transition-duration: .7s; color: #fff; font-size: 20px; font-family: Effra; font-weight: 400; font-style: normal; }
.home-grid-node[date-typ=boxTwoColumn] .context .detail-year { transition-property: all; transition-duration: .7s; color: #fff; font-size: 20px; font-family: Effra; font-weight: 400; font-style: normal; margin-top: 24px; }
.home-grid-node[date-typ=boxTwoColumn]:hover .box-border { width: 100%; opacity: 1; }
.home-grid-node[date-typ=boxTwoColumn]:hover .context { opacity: 1; }
.home-grid-node[date-typ=boxTwoColumn]:hover .context-table { margin-bottom: 0; }
.home-grid-node[date-typ=boxTwoColumn]:hover > img { opacity: .3; }
.mobile .home-grid-node[date-typ=boxTwoColumn] > img { opacity: 1 !important; }
.mobile .home-grid-node[date-typ=boxTwoColumn] .context { opacity: 1 !important; }
.mobile .home-grid-node[date-typ=boxTwoColumn] .box-border { opacity: 0 !important; }
.mobile .home-grid-node[date-typ=boxTwoColumn] .context-table { margin-bottom: 0 !important; }
.home-grid-node[date-typ=fullscreen] { background-color: #390653; position: relative; width: 100%; float: left; display: table; }
.home-grid-node[date-typ=fullscreen] .context { display: block; padding-left: 120px; padding-right: 50px; transition-property: all; transition-duration: .7s; z-index: 22; position: absolute; float: left; height: 100%; width: 100%; box-sizing: border-box; }
.home-grid-node[date-typ=fullscreen] .context-table { bottom: 9%; position: absolute; vertical-align: middle; transition-property: all; transition-duration: .7s; }
.home-grid-node[date-typ=fullscreen] .context .title { color: #fff; font-size: 70px; font-weight: 700; }
.home-grid-node[date-typ=fullscreen] .context .subtitle { margin-top: -8px; transition-property: all; transition-duration: .7s; color: #fff; font-size: 40px; font-family: Effra; font-weight: 500; font-style: normal; }
.home-grid-node[date-typ=fullscreen] .context .detail-link { margin-top: 9px; transition-property: all; transition-duration: .3s; color: #fff; font-size: 27px; font-family: Effra; font-weight: 700; font-style: normal; display: inline-block; }
.home-grid-node[date-typ=fullscreen] .context .detail-link:hover { color: #ff4301; }
.home-grid-node[date-typ=fullscreen] .context .detail-link img { margin-left: 10px; }
.home-grid-node[date-typ=fulscreenText] { background-color: #eee; position: relative; width: 100%; float: left; display: table; }
.home-grid-node[date-typ=fulscreenText] .context { display: block; padding: 0 180px 117px; margin-top: -65px; box-sizing: border-box; width: 100%; }
.home-grid-node[date-typ=fulscreenText] .title { font-size: 50px; color: #424242; font-family: Effra; font-weight: 700; font-style: normal; }
.home-grid-node[date-typ=fulscreenText] .title span.unquote { position: absolute; margin-left: -30px; }
.home-grid-node[date-typ=fulscreenText] .subtitle { font-size: 30px; font-family: Effra; font-weight: 400; font-style: normal; color: #424242; margin-top: 28px; line-height: 40px; }
.about-page-title, .services-page-title { color: transparent; -webkit-background-clip: text; font-size: 51px; padding-top: 197px; font-weight: 700; font-family: Effra; font-style: normal; float: left; }
.home-grid-node.SocialNetwork { background-color: #390653; position: relative; width: 25%; float: left; display: table; }
.home-grid-node.SocialNetwork .context { display: block; padding-left: 50px; padding-right: 50px; transition-property: all; transition-duration: .7s; z-index: 22; position: absolute; float: left; height: 100%; width: 100%; box-sizing: border-box; }
.home-grid-node.SocialNetwork .context-table { bottom: 3.5%; position: absolute; right: 3.5%; }
.home-grid-node.SocialNetwork .box-border { transition-property: all; transition-duration: .7s; width: 0; height: 7px; background-color: #ff4300; float: left; position: relative; margin-top: -7px; }
.home-grid-node.SocialNetwork .context .title { width: 67px; height: 57px; }
.home-grid-node.SocialNetwork > img { transition-property: all; transition-duration: .7s; }
.home-grid-node.SocialNetwork:hover > img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.home-grid-node[date-typ=Instagram] .title { background-image: url(/Assets/Images/SocialNetwork/Block/i.png); }
.home-grid-node[date-typ=Behance] .title { background-image: url(/Assets/Images/SocialNetwork/Block/b.png); }
.home-grid-node[date-typ=Facebook] .title { background-image: url(/Assets/Images/SocialNetwork/Block/f.png); }
.home-grid-node[date-typ=Twitter] .title { background-image: url(/Assets/Images/SocialNetwork/Block/t.png); }
.text-page-container { width: 1600px; margin-left: auto; margin-right: auto; position: relative; min-height: 500px; }
.about-page-title { background-image: -webkit-linear-gradient(left,#ff4301,#d50037,#730068,#390653); background-image: -moz-linear-gradient(left,#ff4301,#d50037,#730068,#390653);  background-image: -o-linear-gradient(left,#ff4301,#d50037,#730068,#390653);  background-clip: text; line-height: 50px; }
.services-page-title { width: 100%; background-image: -webkit-linear-gradient(left,#ff4301,#d50037,#730068,#390653); background-image: -moz-linear-gradient(left,#ff4301,#d50037,#730068,#390653); background-image: -o-linear-gradient(left,#ff4301,#d50037,#730068,#390653);  background-clip: text; line-height: 116px; }
.about-page-title-link { color: #730068; font-family: Effra; font-weight: 700; font-size: 27px; margin-top: 18px; display: inline-block; }
.about-page-title-link:hover { color: #ff4301; }
.about-page-title-link img { margin-left: 0px; }
.about-page-text { color: #383838; font-size: 40px; font-family: Effra; font-weight: 400; font-style: normal; margin-top: 55px; }
.about-page-count-container, .text-page-container h2 { color: #730068; font-family: Effra; font-weight: 700; }
.about-page-count-container { font-style: normal; font-size: 24px; text-align: center; width: 925px; margin-left: auto; margin-right: auto; margin-top: 63px; }
.about-page-count-number { font-size: 100px; }
.about-page-count-block { float: left; margin-left: 100px; height: 211px; }
.about-page-count-container .about-page-count-block:first-child { margin-left: 0; }
.about-page-count-container .about-page-count-block:nth-child(5) { margin-left: 200px; }
.about-page-count-container .about-page-count-block:nth-child(6) { margin-left: 212px; }
.about-page-count-text { margin-top: -12px; line-height: 25px; }
.about-page-count-block-bottom .about-page-count-number { margin-top: -18px; }
.text-page-container h2 { float: left; width: 100%; margin: 55px 0 0; padding: 0; font-size: 36px; font-style: normal; }
.about-page-awards-list li, .about-page-text-small { color: #484544; font-family: Effra; font-weight: 400; font-style: normal; }
.about-page-text-small { margin-top: 23px; float: left; width: 100%; font-size: 25px; }
.clients-logo { padding-top: 50px; text-align: center; padding-bottom: 50px; }
.about-page-awards-container { text-align: center; float: left; width: 100%; padding-top: 38px; }
.about-page-awards-list { list-style: none; margin: 40px 0 0; padding: 0; float: left; }
.about-page-awards-list > li { float: left; width: 25%; padding: 0; margin: 0; }
.about-page-awards-list li ul { margin: 0; padding: 0 0 0 40px; box-sizing: border-box; }
.about-page-awards-list li:first-child ul { padding-left: 0; }
.about-page-awards-list li { box-sizing: border-box; list-style: none; font-size: 16px; padding-bottom: 16px; }
.about-page-awards-list li strong { font-weight: 700; width: 100%; display: block; }
.services-page-logo, .services-page-text { font-size: 25px; font-family: Effra; font-weight: 400; }
.services-page-container h2.first { margin-top: 15px; }
.services-page-logo { text-align: center; font-style: normal; color: #730068; margin-top: -7px; width: 100%; float: left; margin-bottom: 100px; padding-top: 50px; }
.services-page-column { display: table; text-align: center; width: 100%; margin-top: 39px; }
.services-page-column .services-page-column-text:first-child .services-page-column-text-in { float: right; text-align: center; margin-right: 58px; }
.services-page-column .services-page-column-text .services-page-column-text-in { float: left; text-align: center; margin-left: 58px; }
.services-page-column-text { display: table-cell; width: 50%; text-align: left; }
.services-page-column-img { display: table-cell; }
.services-page-text { color: #383838; font-style: normal; margin-top: 18px; float: left; width: 100%; }
.services-page-accordion-node-text h3, .services-page-accordion-node-title, .works-page-filtre-container h1 { font-weight: 700; font-style: normal; font-family: Effra; }
.services-page-accordion-node-title { font-size: 30px; color: #390653; }
.services-page-accordion-node { margin-bottom: 73px; }
.services-page-accordion-container { margin-top: 73px; }
.services-page-accordion-node-arrow, .services-page-accordion-node-arrow .arrow { width: 15px; height: 23px; display: inline; margin-top: 9px; margin-left: 10px; }
.services-page-accordion-node-arrow .arrow { position: absolute; }
.services-page-accordion-node-arrow .arrow.f { background-image: url(/Assets/Images/Services/services-arrow.png); }
.services-page-accordion-node-arrow .arrow.s { background-image: url(/Assets/Images/Services/services-arrow-hover.png); opacity: 0; }
.services-page-accordion-node-text h3 { color: #390653; font-size: 55px; padding: 0; margin: 0 0 3px; }
.services-page-accordion-node-text { max-height: 0; margin-top: 27px; overflow: hidden; transition-property: all; transition-duration: .7s; }
.services-page-accordion-node.Active .services-page-accordion-node-text { max-height: 500px; }
.services-page-accordion-node.Active .services-page-accordion-node-title { color: #fe4202; }
.services-page-accordion-node.Active .services-page-accordion-node-arrow .arrow.f { opacity: 0; }
.services-page-accordion-node.Active .services-page-accordion-node-arrow .arrow.s { opacity: 1; }
.services-page-accordion-node.Active .services-page-accordion-node-arrow .arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.services-page-accordion-node-arrow .arrow, .services-page-accordion-node-title { transition-property: transform,color; transition-duration: .7s; }
.accordion-node-title { display: inline; cursor: pointer; }
.services-page-column-text-mobile { display: none; }
.services-page-container h4 { text-align: center; }
.services-page-container h4 a { padding: 0; margin: 0; }
.works-page-container { width: 100%; background-color: #730068; float: left; padding-bottom: 31px; }
.works-page-filtre-container { text-align: center; width: 1200px; margin-left: auto; margin-right: auto; }
.works-page-filtre-container h1 { color: #fff; font-size: 70px; padding: 80px 0 0; margin: 0; transition-property: all; transition-duration: .7s; }
.works-page-filtre-list-container.controls { margin-top: 25px; position: relative; }
.works-page-filtre-list-container.controls .control { -webkit-appearance: none; -webkit-border-radius: 0; user-select: none; cursor: pointer; border: none; background-color: transparent; padding: 5px 10px 9px; margin: 0 0 10px; font-family: Effra; font-weight: 400; font-style: normal; font-size: 20px; color: #FFF; }
.works-page-filtre-list-container.controls .control sup { font-size: 15px; }
.works-page-filtre-list-container.controls .control.mixitup-control-active { background-color: #ff4300; }
.works-page-filtre-list-container.controls .control::-moz-focus-inner { padding: 0; border: 0; }
.works-page-works-list.container { width: 100%; float: left; position: relative; background-color: #390653; }
.works-page-works-list .gap img, .works-page-works-list .mix img { width: 100%; float: left; }
.works-page-works-list .mix { background-color: #390653; background-image: url(/Assets/Images/Master/cube.gif); background-repeat: no-repeat; background-position: center; }
.works-page-works-list .gap, .works-page-works-list .mix { display: inline-block; float: left; width: calc(100%/3); overflow: hidden; position: relative; }
.works-page-works-list .mix .context, .works-page-works-list .mix .context-table { padding-right: 25px; position: absolute; transition-property: all; transition-duration: .7s; }
.pagetyp-works footer { margin-top: 0; }
.works-page-works-list .mix .context { display: block; opacity: 0; padding-left: 25px; z-index: 22; float: left; height: 100%; width: 100%; box-sizing: border-box; }
.works-page-works-list .mix > img { transition-property: all; transition-duration: .7s; }
.works-page-works-list .mix:hover > img { opacity: .3; }
.works-page-works-list .mix:hover .context { opacity: 1; }
.works-page-works-list .mix .context-table { bottom: 9%; vertical-align: middle; margin-bottom: -10px; }
.works-page-works-list .mix .context a { text-decoration: none; }
.works-page-works-list .mix .context .title { margin-left: -2px; transition-property: all; transition-duration: .7s; color: #fff; font-size: 50px; font-family: Effra; font-weight: 700; font-style: normal; }
.works-page-works-list .mix .context .detail-year, .works-page-works-list .mix .context .subtitle { color: #fff; font-size: 22px; font-weight: 400; transition-property: all; font-style: normal; font-family: Effra; transition-duration: .7s; }
.works-page-works-list .mix:hover .context-table { margin-bottom: 0; }
.works-page-works-list .mix .context .subtitle { margin-top: 2px; }
.works-page-works-list .mix .context .detail-year { margin-top: 24px; }
.works-page-works-list .mix .box-border { transition-property: all; transition-duration: .7s; width: 100%; opacity: 0; height: 7px; background-color: #ff4300; float: left; position: relative; margin-top: -7px; }
.works-page-works-list .mix:hover .box-border { width: 100%; opacity: 1; }
.mobile .works-page-works-list .mix .box-border { opacity: 0 !important; }
.mobile .works-page-works-list .mix > img { opacity: 1 !important; }
.mobile .works-page-works-list .mix .context { opacity: 1 !important; }
.mobile .works-page-works-list .mix .context-table { margin-bottom: 0; }
.contact-page-title { background-image: -webkit-linear-gradient(left,#ff4301,#d50037,#730068,#390653); float: left; background-image: -moz-linear-gradient(left,#ff4301,#d50037,#730068,#390653); background-image: -o-linear-gradient(left,#ff4301,#d50037,#730068,#390653); color: transparent; -webkit-background-clip: text; background-clip: text; font-size: 100px; font-family: Effra; font-weight: 700; font-style: normal; line-height: 102px; padding-top: 197px; }
.contact-page-text-first { color: #484544; font-size: 40px; font-family: Effra; font-weight: 400; font-style: normal; margin-top: 3px; }
.contact-page-adress-node-title { font-family: Effra; font-weight: 700; font-style: normal; font-size: 30px; color: #730068; margin-top: 30px; }
.contact-page-adress, .contact-page-adress-node { width: 33%; float: left; }
.contact-page-adress-node { width: 68%; font-size: 20px; font-family: Effra; font-weight: 400; font-style: normal; color: #383838; margin-top: 5px; }
.contact-page-adress-node strong, .contact-page-container h3 { font-family: Effra; font-weight: 700; font-style: normal; }
.contact-page-adress-node a { text-decoration: none; color: #383838; }
.contact-page-social-networks { text-align: center; padding-top: 40px; }
.contact-page-social-networks a { margin-left: 35px; margin-right: 35px; }
.contact-page-container h3 { font-size: 36px; color: #730068; padding: 0; margin: 32px 0 0; }
.contact-page-form input[type=text], .contact-page-form textarea { float: left; padding: 20px; font-size: 16px; font-weight: 700; font-family: Effra; font-style: normal; box-sizing: border-box; }
.contact-page-form { float: left; width: calc(50% - 10px); font-size: 16px; color: #484544; margin-top: 20px; }
.contact-page-form input[type=text] { border: 2px solid #eee; width: calc(50% - 3px); margin: 0 0 0 6px; }
.contact-page-form input[type=text]:first-child { margin-left: 0; }
.contact-page-form textarea { border: 2px solid #eee; width: 100%; margin: 6px 0 0; clear: both; resize: none; height: 155px; }
.contact-page-form input[type=submit] { border: 2px solid #eee; float: right; width: calc(50% - 3px); margin: 6px 0 0; background-color: #ff4300; padding: 16px; color: #fff; font-family: Effra; font-weight: 700; font-style: normal; font-size: 22px; }
.contact-page-maps { border: 2px solid #eee; float: right; width: calc(50% - 10px); height: 288px; margin-top: 20px; }
.contact-page-maps #map { width: 100%; height: 288px; }
.text-page-bg-container { background-color: #730068; float: left; width: 100%; margin-top: 40px; }
.text-page-bg-container h3 { color: #fff; }
.contact-page-text { color: #fff; font-size: 25px; font-family: Effra; font-weight: 400; font-style: normal; margin-top: 12px; }
.career-page-form { width: 50%; margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom: 40px; }
.career-page-form input[type=text] { float: left; width: calc(50% - 3px); margin: 6px 0 0 6px; border: 2px solid #730068; box-sizing: border-box; padding: 20px; font-family: Effra; font-weight: 700; font-style: normal; font-size: 16px; }
.career-page-form input[type=submit], .career-page-form textarea { border: none; font-family: Effra; font-style: normal; font-weight: 700; float: left; }
.career-page-form input[type=text]:first-child, .career-page-form input[type=text]:nth-child(3) { margin-left: 0; }
.career-page-form textarea { border: 2px solid #730068; width: 100%; margin: 6px 0 0; clear: both; box-sizing: border-box; padding: 20px; resize: none; height: 155px; font-size: 16px; }
.career-page-form input[type=submit] { border: 2px solid #730068; width: calc(50% - 3px); margin: 6px 0 0 6px; background-color: #ff4300; padding: 16px; color: #fff; font-size: 22px; }
.career-page-form input[type=submit].CareerCVButton { margin-left: 0; }
.contact-page-text ul, .contact-page-text ul li { margin: 0; padding: 0; list-style: none; font-size: 20px; }
.contact-page-text ul { padding-top: 50px; padding-bottom: 25px; -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 5; -webkit-column-gap: 20px; column-count: 5; column-gap: 20px; }
.contact-page-text ul li { margin-bottom: 15px; }
.works-detail-container { width: 100%; position: relative; float: left; background-color: #eee; }
.works-detail-block.header { float: left; height: 800px; position: relative; width: 100%; }
.works-detail-header-container { height: 100%; width: 100%; float: left; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; display: table; }
.works-detail-header-text { display: table-cell; vertical-align: middle; }
.works-detail-header-align { width: 1210px; margin-left: auto; margin-right: auto; }
.works-detail-header-text h1, .works-detail-header-text h2 { margin: 0; padding: 0; color: #fff; font-family: Effra; font-weight: 700; font-style: normal; }
.works-detail-awards-block h3, .works-detail-awards-block ul li h4, .works-detail-awards-block ul li h5, .works-detail-text-block .text-block-text, .works-detail-text-block h3 { color: #383838; font-family: Effra; font-style: normal; }
.works-detail-header-text h1 { font-size: 130px; line-height: 112px; }
.works-detail-header-text h2 { margin-top: 24px; }
.works-detail-block { background-color: #eee; float: left; width: 100%; }
.works-detail-text-block { width: 690px; margin-left: auto; margin-right: auto; }
.tl .works-detail-text-block { width: 1210px; }
.works-detail-text-block h3 { margin: 0; padding: 0; font-size: 50px; font-weight: 700; line-height: 45px; }
.works-detail-text-block .text-block-text { font-size: 20px; font-weight: 400; padding-top: 24px; }
.works-detail-video-vimeo { width: 1210px; margin-left: auto; margin-right: auto; }
.works-detail-video-vimeo iframe { width: 1210px; height: 682px; float: left; }
.works-detail-block.text-two .works-detail-text-block { width: 1070px; }
.works-detail-block.text-two .works-detail-text-block .text-block-text { font-size: 18px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
.works-detail-image-block, .works-detail-image-two-block { width: 1210px; margin-left: auto; margin-right: auto; }
.works-detail-image-two-block-list-node { float: left; margin-left: 10px; }
.works-detail-image-two-block-list-node img { float: left; margin-top: 10px; width: 100%; }
.works-detail-image-two-block .works-detail-image-two-block-list-node:nth-child(2n+1) { margin-left: 0; }
.works-detail-awards-block { width: 690px; margin-left: auto; margin-right: auto; }
.works-detail-awards-block h3 { margin: 0; padding: 0; font-size: 50px; font-weight: 700; }
.works-detail-awards-block ul, .works-detail-awards-block ul li { margin: 0; padding: 0; list-style: none; }
.works-detail-awards-block ul li { display: block; width: 100%; clear: both; padding-top: 13px; }
.works-detail-awards-block-image { float: left; margin-right: 34px; }
.works-detail-awards-block ul li h4, .works-detail-awards-block ul li h5 { box-sizing: border-box; margin: 0; padding: 0; font-weight: 700; }
.works-detail-awards-block ul li h4 { font-size: 25px; padding-top: 13px; }
.works-detail-awards-block ul li h5 { font-size: 18px; padding-top: 7px; }
.works-detail-full-screen-image-block img { float: left; width: 100%; }
.works-detail-text-block-link-button { width: 296px; height: 55px; font-size: 20px; font-family: Effra; font-weight: 700; font-style: normal; margin-top: 40px; line-height: 55px; }
.works-detail-text-block-link-button a { width: 100%; height: 100px; display: block; color: #fff; text-align: center; text-decoration: none; }
.button-color-390653 .works-detail-text-block-link-button { background-color: #390653; }
.bg-color-5e0055 { background-color: #5e0055; }
.bg-color-d60037 { background-color: #fff; }
.button-color-ff4300 .works-detail-text-block-link-button, .view-more-button { background-color: #ff4300; }
.bg-color-5e0055 .works-detail-text-block .text-block-text, .bg-color-5e0055 .works-detail-text-block h3 { color: #FFF; }
.home-type-header-img { position: absolute; width: 100%; object-fit: cover; height: 100%; }
.load-img { opacity: 0; }
.loaded-img { opacity: 1; transition-property: opacity; transition-duration: .7s; }
.view-more-button { width: 450px; height: 80px; font-size: 30px; margin-left: auto; margin-right: auto; margin-top: 50px; font-family: Effra; font-weight: 700; font-style: normal; text-align: center; line-height: 80px; }
.view-more-button a { color: #fff; display: block; width: 100%; height: 100%; text-decoration: none; }
.footer-logo { background-image: url(/Assets/Images/Master/footer-logo.png); width: 234px; height: 42px; background-size: 234px 42px; visibility: hidden; display: none; }
.footer-logo a { width: 100%; height: 100%; display: block; float: left; }
.footer-menu li > a { color: #c0b9c6; }
.copyright { width: 100%; float: left; font-family: Arial; font-weight: 700; font-size: 15px; color: #9c85ab; margin-top: 35px; margin-bottom: 35px; }

.MoreProjectTitle, .MoreProjectsAllWorks { float: left; color: #fff; font-family: Effra; font-style: normal; }
.works-detail-image-block img { float: left; width: 100%; }
.works-detail-image-two-block-list-node { width: calc(50% - 5px); }
.works-detail-awards-block-image img { width: 100%; }
.buttonfix h3 { display: none; }
.buttonfix .works-detail-text-block { width: 297px; }
.button-color-d60037 .works-detail-text-block-link-button { background-color: #d60037; }
.MoreProjects { width: 100%; padding-bottom: 40px; background-color: #730068; float: left; }
.MoreProjectTitle { width: 100%; text-align: center; font-weight: 700; font-size: 50px; }
.MoreProjects ul { float: left; padding: 0; width: 100%; }
.MoreProjects ul li { float: left; list-style: none; margin-left: 13.2px; width: calc(25% - 10px); height: 290px; }
.MoreProjects ul li:first-child { margin-left: 0; }
.MoreProjects ul li img { width: 100%; height: 100%; object-fit: cover; }
.MoreProjectsIN { width: 1210px; margin-left: auto; margin-right: auto; }
.MoreProjectsAllWorks { margin-top: -42px; font-weight: 700; font-size: 30px; text-decoration: none; transition-property: color; transition-duration: .3s; display: block; position: relative; z-index: 213; }
.MoreProjectsAllWorks:hover { color: #ff4300; }
.contact-page-social-networks a { width: 38px; height: 36px; display: inline-block; }
.contact-page-social-networks a.v { background-image: url(/Assets/Images/Contact/SocialNetworks/vimeo.png); }
.contact-page-social-networks a.be { background-image: url(/Assets/Images/Contact/SocialNetworks/behance.png); }
.contact-page-social-networks a.i { background-image: url(/Assets/Images/Contact/SocialNetworks/instagram.png); }
.contact-page-social-networks a.f { background-image: url(/Assets/Images/Contact/SocialNetworks/facebook.png); }
.contact-page-social-networks a.t { background-image: url(/Assets/Images/Contact/SocialNetworks/twitter.png); }
.contact-page-social-networks a.in { background-image: url(/Assets/Images/Contact/SocialNetworks/linkdn.png); }
.contact-page-social-networks a.y { background-image: url(/Assets/Images/Contact/SocialNetworks/youtube.png); }
.contact-page-social-networks a.be:hover, .contact-page-social-networks a.f:hover, .contact-page-social-networks a.i:hover, .contact-page-social-networks a.in:hover, .contact-page-social-networks a.t:hover, .contact-page-social-networks a.v:hover, .contact-page-social-networks a.y:hover { background-position: left bottom; }
.CareerCVButtonFile, .works-page-mobile-dropdown { display: none; }
.career-page-form .Error, .contact-page-form .Error { border: 2px solid #ff4300 !important; }
.FormSendPopup, .FormSendPopupError { display: none; position: fixed; width: 100%; height: 100%; z-index: 5; }
.FormSendPopupBG { position: fixed; width: 100%; height: 100%; z-index: 6; background: rgba(0,0,0,.4); }
.FormSendPopupIN { background-color: #eee; width: 840px; height: 420px; position: fixed; z-index: 7; left: 50%; top: 50%; margin-left: -420px; margin-top: -210px; box-sizing: border-box; padding-top: 30px; }
.FormSendPopupClose { cursor: pointer; float: right; margin-right: 30px; }
.FormSendPopupText { font-size: 25px; color: #3c0654; font-family: Effra; font-weight: 700; position: relative; margin-top: 110px; width: 100%; text-align: center; }
.FormSendPopupText span { margin-top: 10px; font-size: 35px; clear: left; float: left; width: 100%; text-align: center; }
.FormSendPopupGoDefault { float: left; width: initial; margin-top: 140px; color: #ff4300; text-align: center; position: relative; left: 50%; margin-left: -138px; }
.FormSendPopupGoDefault img { margin-right: 10px; }
.FormSendPopupGoDefaultIMG { background-size: 10px; background-image: url(/Assets/Images/Master/ContactPopupDefaultArrow.png); width: 10px !important; height: 15px; background-repeat: no-repeat; float: left; }
.FormSendPopupGoDefaultText { float: left; margin-top: -9px; margin-left: 12px; }
.FormSendPopupGoDefault a { color: #ff4300; }
.home-grid-node { position: relative; overflow: hidden; }
.bg-color-730068 { background-color: #730068; }
.footer-menu ul .footer-carrer a { color: #FFFFFF; transition-property: color; transition-duration: .3s; }
.footer-menu ul .footer-carrer a:hover { color: #ff4300; }
.footer-menu ul span.node-arrow-big { display: inline; width: auto; }
.footer-menu ul span.node-arrow-big span { display: inline; width: auto; position: absolute; margin-top: 4px; transition-property: opacity; transition-duration: .3s; }
.footer-menu ul span.node-arrow-big span.h { opacity: 0; }
.footer-menu ul .footer-carrer a:hover span.h { opacity: 1; }
.footer-menu ul .footer-carrer a:hover span.n { opacity: 0; }
.MoreProjects ul li { background-color: #390653; position: relative; }
.MoreProjects ul li img { transition-property: opacity; transition-duration: .3s; }
.MoreProjects ul li:hover img { opacity: 0.3; }
.mobile .MoreProjects ul li img { opacity: 1 !important; }
.MoreProjectsHover { position: absolute; width: 100%; height: calc(100% - 5px); z-index: 5; border-bottom: solid 5px #ff4300; opacity: 0; transition-property: opacity; transition-duration: .3s; }
.MoreProjects ul li:hover .MoreProjectsHover { opacity: 1; }
.MoreProjectsHoverTable { width: 100%; height: 100%; display: table; }
.MoreProjectsHoverTableCell { display: table-cell; vertical-align: bottom; box-sizing: content-box; padding-left: 20px; padding-right: 20px; transition-property: padding-bottom; transition-duration: .3s; }
.MoreProjects ul li:hover .MoreProjectsHoverTableCell { padding-bottom: 15px; }
.mobile .MoreProjects ul li .MoreProjectsHoverTableCell { padding-bottom: 15px !important; }
.MoreProjectsHover .title { font-family: Effra; font-weight: 700; font-style: normal; color: #FFFFFF; font-size: 35px; }
.MoreProjectsHover .subtitle { font-family: Effra; font-weight: normal; font-style: normal; color: #FFFFFF; font-size: 20px; margin-top: 13px; }
.MoreProjectsHover .year { font-family: Effra; font-weight: normal; font-style: normal; color: #FFFFFF; font-size: 20px; margin-top: 19px; }
.node-arrow-big-rotate { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; }
.node-arrow-big-rotate span { transition-property: opacity; transition-duration: .3s; }
.node-arrow-big-rotate span.n { position: absolute; }
.node-arrow-big-rotate span.h { opacity: 0; }
.MoreProjectsAllWorks:hover span.n { opacity: 0; }
.MoreProjectsAllWorks:hover span.h { opacity: 1; }
input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.FooterMail { color: #ff4300 !important; }
.mfix { display: none; }
.MoreProjectTitle img { display: none; }
.context-table a { width: 100%; height: 100%; float: left; display: block; }
.clw .text-block-text, .clw h3 { color: #383838; }
.clwW .text-block-text, .clwW h3 { color:white; }
.bg-color-390653 { background-color: #390653; }
.no-button .works-detail-text-block-link-button { display: none; }
.home-video-popup-con { transition-property: opacity; transition-duration: .3s; display: none; position: fixed; width: 100%; height: 100%; z-index: 256; top: 0px; left: 0px; opacity: 0; }
.home-video-popup-con-in { position: fixed; z-index: 61; left: 0px; top: 0px; box-sizing: border-box; width: 100%; height: 100%; }
.home-video-popup-con-in video { width: 100%; height: 100%; object-fit: contain; background-color: #000000; }
.about-page-title-link .node-arrow { float: left; }
.pagetyp-about .about-page-title-link img { margin-left: 0px; margin-right: 18px; }
.menu ul.page li:last-child { height: 26%; }
video::-internal-media-controls-download-button { display: none; }
video::-webkit-media-controls-enclosure { overflow: hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); }


.services-page-title { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; }
.services-page-container h2.first { font-size:50px; opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.3s; width: 100%; }
.services-page-logo { opacity: 0; margin-top: 100px; transition-property: opacity,margin-top; transition-duration: .5s; transition-delay: 0.6s; }
.services-page-text { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.2s; }
.text-page-container .h2-two { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.2s; }
.services-page-accordion-node { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.2s; }
.view-more-button { opacity: 0; margin-top: 100px; transition-property: opacity,margin-top; transition-duration: .5s; transition-delay: 0.2s; }

.about-page-title { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.3s; width: 100%; }
.about-page-title-link { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.5s; margin-top: 50px; }
.about-page-text { opacity: 0; margin-left: 100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.8s; width: 100%; }

.pagetyp-about .text-page-container h2 { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.3s; width: 100%; }
.pagetyp-about .text-page-container .about-page-text-small { opacity: 0; margin-left: 100px; transition-property: opacity,margin-left; transition-duration: .5s; transition-delay: 0.3s; width: 100%; }

.clients-logo, .about-page-awards-container { opacity: 0; margin-top: 100px; transition-property: opacity,margin-top; transition-duration: .5s; transition-delay: 0.3s; }

.about-page-awards-list > li { opacity: 0; margin-top: 100px; transition-property: opacity,margin-top; transition-duration: .5s; }
.about-page-awards-list > li:nth-child(1) { transition-delay: 0.3s; }
.about-page-awards-list > li:nth-child(2) { transition-delay: 0.6s; }
.about-page-awards-list > li:nth-child(3) { transition-delay: 0.9s; }
.about-page-awards-list > li:nth-child(4) { transition-delay: 1.2s; }


.contact-page-title { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; }
.contact-page-text-first { opacity: 0; margin-left: 100px; transition-property: opacity,margin-left; transition-duration: .5s; width: 100%; transition-delay: 0.3s; }
.contact-page-adress-node-title { opacity: 0; margin-left: -50px; transition-property: opacity,margin-left; transition-duration: .5s; width: 100%; transition-delay: 0.3s; }


.contact-page-adress-node { opacity: 0; margin-top: 50px; transition-property: opacity,margin-top; transition-duration: .5s; }

.contact-page-adress-node-001 { transition-delay: 0.3s; }
.contact-page-adress-node-002 { transition-delay: 0.5s; }
.contact-page-adress-node-003 { transition-delay: 0.7s; }
.contact-page-adress-node-004 { transition-delay: 0.9s; }

.contact-page-social-networks { opacity: 0; margin-top: 50px; transition-property: opacity,margin-top; transition-duration: .5s; }
.contact-page-form { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; }

.contact-page-container .career-000 { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; }
.contact-page-container .career-001 { opacity: 0; margin-left: 100px; transition-property: opacity,margin-left; transition-duration: .5s; width: 100%; }

.career-page-form { opacity: 0; margin-top: 100px; transition-property: opacity,margin-top; transition-duration: .5s; }
.contact-page-text.career-003 { opacity: 0; margin-left: -100px; transition-property: opacity,margin-left; transition-duration: .5s; }

.contact-page-text.career-003 li { opacity: 0; margin-left: -20px; transition-property: opacity,margin-left; transition-duration: .5s; }
.home-video-popup-con-in iframe { width:100%; height:100%; }
/********************************  CSS FİX *****************************************/
.omniyat {  margin-top: -175px; margin-bottom: -185px;}
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }
.pb65 { padding-bottom: 65px; }
.pb70 { padding-bottom: 70px; }
.pb75 { padding-bottom: 75px; }

@media (max-width:1919px) {
    .home-about-text-container { width: 50%; }
}

@media (max-width:1680px) {
    .copyright { font-size: 14px; margin-top: 76px; }
    .contact-page-title { font-size: 85px; line-height: 85px; padding-top: 150px; }
    .contact-page-text-first { font-size: 35px; }
    .contact-page-adress-node-title { font-size: 28px; }
    .contact-page-adress-node { font-size: 17px; }
    .contact-page-social-networks a { width: 35px; height: 33px; background-size: 35px 66px; margin-left: 30px; margin-right: 30px; }
    .contact-page-container h3 { font-size: 30px; }
    .contact-page-form input[type=text], .contact-page-form textarea { font-size: 15px; }
    .contact-page-text { font-size: 21px; }
    .career-page-form input[type=text], .career-page-form textarea { font-size: 15px; }
    .career-page-form input[type=submit], .contact-page-form input[type=submit] { font-size: 18px; }
    .contact-page-text ul, .contact-page-text ul li { font-size: 17px; }
    .contact-page-text ul li { margin-bottom: 12px; }
    .services-page-logo { font-size: 22px; }
    .services-page-column-img img { width: 300px; }
    .services-page-text { font-size: 19px; }
    .services-page-accordion-node-title { font-size: 25px; }
    .services-page-accordion-node-arrow, .services-page-accordion-node-arrow .arrow { background-size: 12px 18px; width: 12px; height: 18px; margin-top: 7px; }
    .services-page-accordion-container { margin-top: 65px; }
    .services-page-accordion-node { margin-bottom: 50px; }
    .services-page-accordion-node-text h3 { font-size: 50px; }
    .text-page-container { width: 1280px; }
    .about-page-title { font-size: 85px; line-height: 85px; padding-top: 150px; }
    .services-page-title { font-size: 85px; line-height: 99px; padding-top: 150px; }
    .about-page-title-link { font-size: 23px; margin-top: 13px; }
    .about-page-title-link img { margin-left: 7px; width: 30px; }
    .pagetyp-about .about-page-title-link img { margin-left: 0px; margin-right: 15px; }
    .pagetyp-about .about-page-title-link { margin-top:50px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; }
    .about-page-text { font-size: 30px; margin-top: 35px; }
    .text-page-container h2 { font-size: 30px; margin-top: 60px; }
    .about-page-text-small { margin-top: 10px; font-size: 22px; }
    .about-page-awards-container img, .clients-logo .client-line img { width: 100%; }
    footer .content { width: 1280px; }
    .home-title { font-size: 90px; line-height: 90px; }
    .home-subtitle { font-size: 25px; margin-top: 35px; }
    .home-subtitle img { width: 30px; }
    .home-type-header .home-subtitle img { margin-left: 0px; margin-right: 15px; }
    .home-type-header .home-subtitle { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; }
    .home-about-text-container { width: 50%; }
    .home-grid-node[date-typ=fullscreen] .context .title { font-size: 60px; }
    .home-grid-node[date-typ=fullscreen] .context .subtitle { font-size: 35px; margin-top: -11px; }
    .home-grid-node[date-typ=fullscreen] .context .detail-link { font-size: 22px; margin-top: 7px; }
    .home-grid-node[date-typ=fullscreen] .context .detail-link img { margin-left: 7px; width: 9px; }
    .home-grid-node[date-typ=fullscreen] .context-table { bottom: 7%; }
    .home-grid-node[date-typ=box] .context .title, .home-grid-node[date-typ=boxTwoColumn] .context .title { font-size: 50px; }
    .home-grid-node[date-typ=box] .context .subtitle, .home-grid-node[date-typ=boxTwoColumn] .context .subtitle { font-size: 17px; margin-top: 0; }
    .home-grid-node[date-typ=box] .context .detail-year, .home-grid-node[date-typ=boxTwoColumn] .context .detail-year { font-size: 17px; margin-top: 17px; }
    .home-grid-node[date-typ=box] .context-table { bottom: 9%; }
    .home-grid-node[date-typ=boxTwoColumn] .context-table { bottom: 7%; }
    .home-grid-node[date-typ=fulscreenText] .title { font-size: 40px; }
    .home-grid-node[date-typ=fulscreenText] .subtitle { font-size: 25px; margin-top: 20px; line-height: 35px; }
    .home-grid-node[date-typ=fulscreenText] .context { padding-bottom: 70px; margin-top: -36px; }
    .view-more-button { width: 350px; height: 65px; font-size: 25px; line-height: 65px; margin-top: 40px; }
    .home-grid-node[date-typ=fulscreenText] .title span.unquote { margin-left: -25px; }
    .home-grid-node.SocialNetwork .context .title { width: 57px; height: 48px; background-size: 57px 48px; }
    .works-page-filtre-container { width: 1024px; }
    .works-page-filtre-container h1 { font-size: 50px; }
    .works-page-filtre-list-container.controls .control { font-size: 18px; padding-left: 8px; padding-right: 8px; margin-bottom: 4px; }
    .works-page-filtre-list-container.controls .control sup { font-size: 14px; }
    .works-page-works-list .mix .context .title { font-size: 35px; }
    .works-page-works-list .mix .context .subtitle { font-size: 17px; margin-top: 0px; }
    .works-page-works-list .mix .context .detail-year{ font-size: 17px; margin-top: 9px; margin-bottom: -8px;}
    .footer-menu { padding-top: 40px; padding-bottom: 40px; }
    .footer-logo { background-image: url(/Assets/Images/Master/footer-logo.png); width: 200px; height: 36px; background-size: 200px 36px; }
    .footer-menu ul { margin-top: 60px; }
    .footer-menu ul strong { font-size: 18px; }
    .footer-menu ul span { font-size: 15px; margin-top: 17px; }
    .footer-menu ul strong.footer-carrer { font-size: 27px; }
    .footer-menu ul strong.footer-carrer img { margin-left: 7px; width: 27px;  }
    .footer-menu ul.social li { width: 23px; height: 21px; margin-right: 29px; background-size: 23px 42px; }
    .footer-menu ul.social { margin-top: 50px; }
}

@media (max-width:1520px) {
    footer .content { width: 1280px; }
}

@media (max-width:1440px) {
    .MoreProjectsAllWorks { margin-top: -41px; }
    .MoreProjects ul li:hover .MoreProjectsHoverTableCell { padding-bottom: 10px; }
    .MoreProjectsHover .title { font-size: 29px; }
    .MoreProjectsHover .subtitle { font-size: 16px; margin-top: 5px; }
    .MoreProjectsHover .year { font-size: 16px; margin-top: 14px; }
    .footer-menu ul span.node-arrow-big span { margin-top: 8px; }
    .works-detail-block.header { height: 600px; }
    .copyright { font-size: 13px; margin-top: 66px; }
    footer .content { width: 1024px; }
    .show-all-works-button { margin-top: 30px; margin-bottom: 30px; }
    .home-title { font-size: 85px; line-height: 85px; }
    .home-subtitle { font-size: 22px; margin-top: 22px; }
    .home-subtitle img { width: 28px; }
    .home-type-header .home-subtitle img { margin-left: 0px; margin-right: 13px; }
    .home-type-header .home-subtitle { padding-top: 8px; padding-bottom: 8px; padding-left: 13px; padding-right: 13px; }
    .text-page-container { width: 1024px; }
    .about-page-title { font-size: 75px; line-height: 75px; padding-top: 125px; }
    .services-page-title { font-size: 70px; line-height: 90px; padding-top: 125px; }
    .about-page-title-link { font-size: 20px; margin-top: 13px; }
    .about-page-title-link img { margin-left: 5px; width: 24px; }
    .pagetyp-about .about-page-title-link img { margin-left: 0px; margin-right: 13px; }
    .pagetyp-about .about-page-title-link { margin-top:25px; padding-top: 8px; padding-bottom: 8px; padding-left: 13px; padding-right: 13px; }
    .about-page-text { font-size: 25px; margin-top: 35px; }
    .text-page-container h2 { font-size: 25px; margin-top: 60px; }
    .about-page-text-small { margin-top: 5px; font-size: 18px; }
    .about-page-awards-container img, .clients-logo .client-line img { width: 100%; }
    .about-page-count-container { font-size: 18px; }
    .about-page-count-number { font-size: 80px; }
    .about-page-count-container .about-page-count-block:first-child { margin-left: 56px; }
    .about-page-count-block { height: 170px; }
    .services-page-logo { font-size: 20px; margin-bottom: 80px; }
    .services-page-column-img img { width: 280px; }
    .services-page-text { font-size: 17px; }
    .services-page-accordion-node-title { font-size: 23px; }
    .services-page-accordion-node-arrow, .services-page-accordion-node-arrow .arrow { background-size: 10px 15px; width: 10px; height: 15px; margin-top: 8px; }
    .services-page-accordion-container { margin-top: 65px; }
    .services-page-accordion-node { margin-bottom: 50px; }
    .services-page-accordion-node-text h3 { font-size: 44px; }
    .contact-page-title { font-size: 75px; line-height: 90px; padding-top: 125px; }
    .contact-page-text-first { font-size: 31px; margin-top: 0; }
    .contact-page-adress-node-title { font-size: 26px; }
    .contact-page-adress-node { font-size: 16px; }
    .contact-page-social-networks a { width: 33px; height: 31px; background-size: 33px 62px; margin-left: 30px; margin-right: 30px; }
    .contact-page-container h3 { font-size: 26px; }
    .contact-page-form input[type=text], .contact-page-form textarea { font-size: 14px; }
    .contact-page-text { font-size: 20px; }
    .career-page-form input[type=text], .career-page-form textarea { font-size: 14px; }
    .career-page-form input[type=submit], .contact-page-form input[type=submit], .contact-page-text ul, .contact-page-text ul li, .footer-menu ul strong { font-size: 16px; }
    .contact-page-text ul li { margin-bottom: 11px; }
    .footer-menu { padding-top: 30px; padding-bottom: 30px; }
    .footer-logo { width: 180px; height: 32px; background-size: 180px 32px; }
    .footer-menu ul { margin-top: 50px; }
    .footer-menu ul span { margin-top: 13px; font-size: 14px; }
    .footer-menu ul strong.footer-carrer { font-size: 24px;  }
    .footer-menu ul strong.footer-carrer img { margin-left: 6px; width: 25px; }
    .footer-menu ul.social { margin-top: 12px; }
    .footer-menu ul.social li { width: 20px; height: 18px; margin-right: 21px; background-size: 20px 37px; }
    .works-detail-header-text h1 { font-size: 100px; line-height: 90px; }
    .works-detail-header-text h2 { margin-top: 20px; font-size: 23px; }
    .works-detail-awards-block h3, .works-detail-text-block h3 { font-size: 45px; line-height: 40px; }
    .works-detail-text-block .text-block-text { font-size: 18px; padding-top: 18px; }
    .tl .works-detail-text-block, .MoreProjectsIN, .works-detail-header-align, .works-detail-image-block, .works-detail-image-two-block, .works-detail-video-vimeo, .works-detail-video-vimeo iframe { width: 1024px; }
    .works-detail-video-vimeo iframe { width: 1024px; height: 577px; }
    .works-detail-awards-block, .works-detail-text-block { width: 600px; }
    .works-detail-block.text-two .works-detail-text-block { width: 920px; }
    .works-detail-block.text-two .works-detail-text-block .text-block-text { font-size: 16px; }
    .works-detail-image-two-block-list-node img { margin-top: 8px; }
    .works-detail-image-two-block-list-node { width: calc(50% - 4px); margin-left: 8px; }
    .works-detail-awards-block ul li h4 { font-size: 23px; padding-top: 7px; }
    .works-detail-awards-block ul li h5 { font-size: 17px; padding-top: 5px; }
    .works-detail-awards-block ul { padding-top: 20px; }
    .works-detail-text-block-link-button { width: 250px; height: 53px; font-size: 19px; margin-top: 35px; }
    .works-detail-awards-block-image { width: 77px; margin-right: 24px; }
    .MoreProjects ul li { height: 240px; width: calc(25% - 8px); margin-left: 9.2px; }
    .MoreProjectTitle { font-size: 45px; }
	.omniyat {  margin-top: -150px; margin-bottom: -150px;}
    .mt5 { margin-top: 4px; }
    .mt10 { margin-top: 8px; }
    .mt15 { margin-top: 12px; }
    .mt20 { margin-top: 16px; }
    .mt25 { margin-top: 20px; }
    .mt30 { margin-top: 24px; }
    .mt35 { margin-top: 28px; }
    .mt40 { margin-top: 32px; }
    .mt45 { margin-top: 36px; }
    .mt50 { margin-top: 40px; }
    .mt55 { margin-top: 44px; }
    .mt60 { margin-top: 48px; }
    .mt65 { margin-top: 52px; }
    .mt70 { margin-top: 56px; }
    .mt75 { margin-top: 60px; }
    .mb5 { margin-bottom: 4px; }
    .mb10 { margin-bottom: 8px; }
    .mb15 { margin-bottom: 12px; }
    .mb20 { margin-bottom: 16px; }
    .mb25 { margin-bottom: 20px; }
    .mb30 { margin-bottom: 24px; }
    .mb35 { margin-bottom: 28px; }
    .mb40 { margin-bottom: 32px; }
    .mb45 { margin-bottom: 36px; }
    .mb50 { margin-bottom: 40px; }
    .mb55 { margin-bottom: 44px; }
    .mb60 { margin-bottom: 48px; }
    .mb65 { margin-bottom: 52px; }
    .mb70 { margin-bottom: 56px; }
    .mb75 { margin-bottom: 60px; }
    .pt5 { padding-top: 4px; }
    .pt10 { padding-top: 8px; }
    .pt15 { padding-top: 12px; }
    .pt20 { padding-top: 16px; }
    .pt25 { padding-top: 20px; }
    .pt30 { padding-top: 24px; }
    .pt35 { padding-top: 28px; }
    .pt40 { padding-top: 32px; }
    .pt45 { padding-top: 36px; }
    .pt50 { padding-top: 40px; }
    .pt55 { padding-top: 44px; }
    .pt60 { padding-top: 48px; }
    .pt65 { padding-top: 52px; }
    .pt70 { padding-top: 56px; }
    .pt75 { padding-top: 60px; }
    .pb5 { padding-bottom: 4px; }
    .pb10 { padding-bottom: 8px; }
    .pb15 { padding-bottom: 12px; }
    .pb20 { padding-bottom: 16px; }
    .pb25 { padding-bottom: 20px; }
    .pb30 { padding-bottom: 24px; }
    .pb35 { padding-bottom: 28px; }
    .pb40 { padding-bottom: 32px; }
    .pb45 { padding-bottom: 36px; }
    .pb50 { padding-bottom: 40px; }
    .pb55 { padding-bottom: 44px; }
    .pb60 { padding-bottom: 48px; }
    .pb65 { padding-bottom: 52px; }
    .pb70 { padding-bottom: 56px; }
    .pb75 { padding-bottom: 60px; }
}

@media (max-width:1280px) {
    .MoreProjectsAllWorks { margin-top: -39px; }
    .MoreProjects ul li:hover .MoreProjectsHoverTableCell { padding-bottom: 8px; }
    .MoreProjectsHover .title { font-size: 25px; }
    .MoreProjectsHover .subtitle { font-size: 14px; margin-top: 4px; }
    .MoreProjectsHover .year { font-size: 14px; margin-top: 10px; }
    .footer-menu ul span.node-arrow-big span { margin-top: 6px; }
    .home-container, .home-grid-node[date-typ=fullscreen] .context { padding-left: 35px; }
    .works-detail-block.header { height: 500px; }
    .copyright { font-size: 12px; margin-top: 60px; }
    .home-title { font-size: 80px; line-height: 80px; }
    .home-subtitle { font-size: 19px; margin-top: 25px; }
    .home-subtitle img { width: 25px; }
    .home-type-header .home-subtitle { padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; }
    .home-type-header .home-subtitle img { margin-left: 0px; margin-right: 10px; }


    .home-grid-node[date-typ=fullscreen] .context .title { font-size: 40px; }
    .home-grid-node[date-typ=fullscreen] .context .subtitle { font-size: 22px; margin-top: -4px; }
    .home-grid-node[date-typ=fullscreen] .context .detail-link { font-size: 17px; margin-top: 7px; }
    .home-grid-node[date-typ=fullscreen] .context .detail-link img { margin-left: 4px; width: 7px; }
    .home-grid-node[date-typ=fullscreen] .context-table { bottom: 7%; }
    .home-grid-node[date-typ=box] .context, .home-grid-node[date-typ=boxTwoColumn] .context { padding: 0 35px; }
    .home-grid-node[date-typ=box] .context .title, .home-grid-node[date-typ=boxTwoColumn] .context .title { font-size: 35px; }
    .home-grid-node[date-typ=box] .context .subtitle, .home-grid-node[date-typ=boxTwoColumn] .context .subtitle { font-size: 13px; margin-top: 0; }
    .home-grid-node[date-typ=box] .context .detail-year, .home-grid-node[date-typ=boxTwoColumn] .context .detail-year { font-size: 13px; margin-top: 7px; }
    .home-grid-node[date-typ=box] .context-table { bottom: 11%; }
    .home-grid-node[date-typ=boxTwoColumn] .context-table { bottom: 7%; }
    .home-grid-node[date-typ=fulscreenText] .title { font-size: 30px; }
    .home-grid-node[date-typ=fulscreenText] .context { padding: 0 55px 55px; margin-top: 35px; }
    .view-more-button { width: 325px; height: 55px; font-size: 20px; line-height: 55px; margin-top: 30px; }
    .home-grid-node[date-typ=fulscreenText] .title span.unquote { margin-left: -15px; }
    .home-grid-node[date-typ=fulscreenText] .subtitle { font-size: 21px; margin-top: 15px; line-height: 30px; }
    .home-grid-node.SocialNetwork .context .title { width: 40px; height: 34px; background-size: 40px 34px; }
    .works-page-filtre-container { width: 920px; }
    .works-page-filtre-container h1 { font-size: 40px; }
    .works-page-filtre-list-container.controls .control { font-size: 15px; padding-left: 8px; padding-right: 8px; margin-bottom: 4px; }
    .works-page-filtre-list-container.controls .control sup { font-size: 12px; }
    .works-page-works-list .mix .context .title { font-size: 20px; }
    .works-page-works-list .mix .context .detail-year, .works-page-works-list .mix .context .subtitle { font-size: 13px; margin-top: 15px; }
    .footer-menu { padding-top: 0; padding-bottom: 25px; }
    .footer-logo { width: 160px; height: 28px; background-size: 160px 28px; }
    .footer-menu ul { margin-top: 45px; }
    .footer-menu ul strong { font-size: 15px; }
    .footer-menu ul span { margin-top: 15px; font-size: 13px; }
    .footer-menu ul strong.footer-carrer { font-size: 22px; }
    .footer-menu ul strong.footer-carrer img { margin-left: 5px; width: 23px; }
    .tl .works-detail-text-block, .MoreProjectsIN, .works-detail-header-align, .works-detail-image-block, .works-detail-image-two-block, .works-detail-video-vimeo, .works-detail-video-vimeo iframe { width: 920px; }
    .works-detail-header-text h1 { font-size: 90px; line-height: 80px; }
    .works-detail-header-text h2 { margin-top: 18px; font-size: 21px; }
    .works-detail-awards-block h3, .works-detail-text-block h3 { font-size: 43px; line-height: unset; }
    .works-detail-text-block .text-block-text { font-size: 16px; padding-top: 13px; }
    .works-detail-video-vimeo iframe { height: 552px; }
    .works-detail-block.text-two .works-detail-text-block { width: 800px; }
    .works-detail-block.text-two .works-detail-text-block .text-block-text { font-size: 15px; }
    .works-detail-image-two-block-list-node img { margin-top: 6px; }
    .works-detail-image-two-block-list-node { width: calc(50% - 3px); margin-left: 6px; }
    .works-detail-awards-block ul li h4 { font-size: 21px; }
    .works-detail-awards-block ul li h5 { font-size: 16px; padding-top: 5px; }
    .works-detail-text-block-link-button { width: 230px; height: 50px; font-size: 18px; margin-top: 30px; line-height: 50px; }
    .works-detail-awards-block-image { width: 75px; margin-right: 20px; }
    .MoreProjects ul li { height: 185px; width: calc(25% - 6px); margin-left: 7.2px; }
    .MoreProjectTitle { font-size: 37px; }
	.omniyat {  margin-top: -20px; margin-bottom: -20px;}
    .mt5 { margin-top: 3.6px; }
    .mt10 { margin-top: 7.2px; }
    .mt15 { margin-top: 10.8px; }
    .mt20 { margin-top: 14.4px; }
    .mt25 { margin-top: 16.2px; }
    .mt30 { margin-top: 21.6px; }
    .mt35 { margin-top: 25.2px; }
    .mt40 { margin-top: 28.8px; }
    .mt45 { margin-top: 32.4px; }
    .mt50 { margin-top: 36px; }
    .mt55 { margin-top: 39.6px; }
    .mt60 { margin-top: 43.2px; }
    .mt65 { margin-top: 46.8px; }
    .mt70 { margin-top: 50.4px; }
    .mt75 { margin-top: 54px; }
    .mb5 { margin-bottom: 3.6px; }
    .mb10 { margin-bottom: 7.2px; }
    .mb15 { margin-bottom: 10.8px; }
    .mb20 { margin-bottom: 14.4px; }
    .mb25 { margin-bottom: 16.2px; }
    .mb30 { margin-bottom: 21.6px; }
    .mb35 { margin-bottom: 25.2px; }
    .mb40 { margin-bottom: 28.8px; }
    .mb45 { margin-bottom: 32.4px; }
    .mb50 { margin-bottom: 36px; }
    .mb55 { margin-bottom: 39.6px; }
    .mb60 { margin-bottom: 43.2px; }
    .mb65 { margin-bottom: 46.8px; }
    .mb70 { margin-bottom: 50.4px; }
    .mb75 { margin-bottom: 54px; }
    .pt5 { padding-top: 3.6px; padding-bottom: 3.6px; }
    .pt10 { padding-top: 7.2px; padding-bottom: 7.2px; }
    .pt15 { padding-top: 10.8px; padding-bottom: 10.8px; }
    .pt20 { padding-top: 14.4px; padding-bottom: 14.4px; }
    .pt25 { padding-top: 16.2px; padding-bottom: 16.2px; }
    .pt30 { padding-top: 21.6px; padding-bottom: 21.6px; }
    .pt35 { padding-top: 25.2px; padding-bottom: 25.2px; }
    .pt40 { padding-top: 28.8px; padding-bottom: 28.8px; }
    .pt45 { padding-top: 32.4px; padding-bottom: 32.4px; }
    .pt50 { padding-top: 36px; padding-bottom: 36px; }
    .pt55 { padding-top: 39.6px; padding-bottom: 39.6px; }
    .pt60 { padding-top: 43.2px; padding-bottom: 43.2px; }
    .pt65 { padding-top: 46.8px; padding-bottom: 46.8px; }
    .pt70 { padding-top: 50.4px; padding-bottom: 50.4px; }
    .pt75 { padding-top: 54px; padding-bottom: 54px; }
}

@media (max-width:1100px) {
    .copyright { font-size: 11px; margin-top: 55px; }
    footer .content { width: 940px; }
    .home-grid-node[date-typ=fulscreenText] .title { font-size: 25px; }
    .view-more-button { width: 285px; height: 50px; font-size: 17px; line-height: 50px; margin-top: 30px; }
    .home-grid-node[date-typ=fulscreenText] .subtitle { font-size: 18px; margin-top: 10px; line-height: 27px; }
    .text-page-container { width: 960px; }
    .about-page-title { font-size: 65px; line-height: 65px; padding-top: 125px; }
    .services-page-title { font-size: 65px; line-height: 77px; padding-top: 125px; }
    .about-page-title-link { font-size: 18px; margin-top: 13px; }
    .about-page-title-link img { margin-left: 5px; width: 22px; }
    .pagetyp-about .about-page-title-link img { margin-left: 0px; margin-right: 10px; }
    .pagetyp-about .about-page-title-link { padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; }

    .about-page-text { font-size: 21px; margin-top: 25px; }
    .text-page-container h2 { font-size: 25px; margin-top: 60px; }
    .about-page-text-small { margin-top: 5px; font-size: 18px; }
    .about-page-awards-container img, .clients-logo .client-line img { width: 100%; }
    .about-page-count-container { margin-top: 30px; font-size: 15px; }
    .about-page-count-number { font-size: 70px; }
    .about-page-count-container .about-page-count-block:first-child { margin-left: 85px; }
    .about-page-count-block { height: 170px; }
    .about-page-count-container .about-page-count-block:nth-child(5) { margin-left: 240px; }
    .about-page-count-container .about-page-count-block:nth-child(6) { margin-left: 165px; }
    .about-page-count-text { line-height: 18px; margin-top: -6px; }
    .services-page-container h2.first { margin-top: 25px; }
    .contact-page-title { font-size: 65px; line-height: 77px; padding-top: 125px; }
    .contact-page-text-first { font-size: 29px; }
    .contact-page-adress-node-title { font-size: 25px; }
    .contact-page-adress-node { font-size: 14px; }
    .contact-page-social-networks a { margin-left: 25px; margin-right: 25px; }
    .contact-page-text { font-size: 18px; }
    .home-grid-node[date-typ=fulscreenText] .context { padding: 0 55px 45px; margin-top: 35px; }
    .footer-menu ul strong { font-size: 14px; }
    .footer-menu ul span { margin-top: 14px; font-size: 12px; }
    .footer-logo { width: 150px; height: 27px; background-size: 150px 27px; }
    .footer-menu ul strong.footer-carrer { font-size: 20px; }
    .footer-menu ul strong.footer-carrer img { margin-left: 4px; width: 21px; }
    .footer-menu ul.social li { margin-right: 17px;  }
}

@media (max-width:1024px) {
    .MoreProjectsHover .title { font-size: 23px; }
    .home-title { font-size: 75px; line-height: 75px; }
    .home-subtitle { font-size: 17px; margin-top: 20px; }
    footer .carrier li a img { width: 12px; margin-left: 5px; }
    .home-about-text-container .home-about-title { font-size: 21px; }
    .home-about-text-container .home-about-text { font-size: 15px; }
    .show-all-works-button { margin-top: 20px; margin-bottom: 20px; height: 45px; line-height: 45px; width: 250px; }
    .show-all-works-button a { font-size: 16px; }
    .home-grid-node[date-typ=fulscreenText] .title { font-size: 23px; }
    .home-grid-node[date-typ=fulscreenText] .subtitle { font-size: 16px; }
    .view-more-button { width: 260px; height: 45px; font-size: 16px; line-height: 45px; }
    .text-page-container { width: 680px; }
    .about-page-title { font-size: 55px; line-height: 55px; padding-top: 125px; }
    .services-page-title { font-size: 48px; line-height: 65px; padding-top: 125px; }
    .about-page-title-link { font-size: 16px; margin-top: 13px; }
    .about-page-title-link img { margin-left: 5px; width: 20px; }
    .about-page-text { font-size: 18px; margin-top: 20px; }
    .text-page-container h2 { font-size: 20px; margin-top: 60px; }
    .about-page-text-small { margin-top: 5px; font-size: 16px; }
    .about-page-awards-container img, .clients-logo .client-line img { width: 100%; }
    .about-page-count-container { margin-top: 30px; width: 680px; font-size: 15px; }
    .about-page-count-number { font-size: 70px; }
    .about-page-count-container .about-page-count-block:first-child { margin-left: 65px; }
    .about-page-count-block { height: 170px; }
    .about-page-count-container .about-page-count-block:nth-child(5), .about-page-count-container .about-page-count-block:nth-child(6) { margin-left: 100px; }
    .about-page-count-container .about-page-count-block:nth-child(4) { margin-left: 50px; }
    .about-page-awards-list > li { width: 100%; padding: 0; }
    .about-page-awards-list li ul { padding: 0; }
    .services-page-logo { font-size: 17px; margin-bottom: 52px; margin-top: 16px; }
    .services-page-column-img img { width: 190px; }
    .services-page-text { font-size: 15px; }
    .services-page-accordion-node-title { font-size: 23px; }
    .services-page-accordion-node-arrow, .services-page-accordion-node-arrow .arrow { background-size: 10px 15px; width: 10px; height: 15px; margin-top: 8px; }
    .services-page-accordion-container { margin-top: 45px; }
    .services-page-accordion-node { margin-bottom: 30px; }
    .services-page-accordion-node-text h3 { font-size: 35px; }
    .services-page-column { margin-top: 20px; }
    .services-page-column .services-page-column-text .services-page-column-text-in { margin-left: 30px; }
    .services-page-column .services-page-column-text:first-child .services-page-column-text-in { margin-right: 35px; }
    .services-page-column-text { display: none; }
    .services-page-column-text-mobile { display: block; width: 50%; float: left; }
    .services-page-column-img { display: block; }
    .home-grid-node[date-typ=box] .context .title, .home-grid-node[date-typ=boxTwoColumn] .context .title { font-size: 30px; }
    .contact-page-title { font-size: 55px; line-height: 65px; padding-top: 125px; }
    .contact-page-text-first { font-size: 29px; }
    .contact-page-adress { width: 100%; }
    .contact-page-social-networks a { width: 30px; height: 28px; background-size: 30px 56px; }
    .career-page-form, .contact-page-form, .contact-page-maps { width: 100%; }
    .tl .works-detail-text-block, .works-detail-header-align, .works-detail-image-block, .works-detail-image-two-block, .works-detail-video-vimeo, .works-detail-video-vimeo iframe { width: 720px; }
    .works-detail-awards-block h3, .works-detail-text-block h3 { font-size: 40px; line-height: unset; }
    .works-detail-text-block .text-block-text { font-size: 15px; padding-top: 8px; }
    .works-detail-awards-block, .works-detail-block.text-two .works-detail-text-block, .works-detail-text-block { width: 530px; }
    .works-detail-video-vimeo iframe { height: 432px; }
    .works-detail-block.text-two .works-detail-text-block .text-block-text { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }
    .works-detail-image-two-block-list-node img { margin-top: 4px; }
    .works-detail-image-two-block-list-node { width: calc(50% - 2px); margin-left: 4px; }
    .works-detail-awards-block ul li h4 { font-size: 19px; }
    .works-detail-awards-block ul li h5 { font-size: 15px; padding-top: 5px; }
    .works-detail-awards-block-image { width: 70px; }
    .works-detail-text-block-link-button { width: 210px; height: 45px; font-size: 17px; margin-top: 25px; line-height: 45px; }
    .works-detail-header-text h1 { font-size: 75px; line-height: 70px; }
    .works-detail-header-text h2 { margin-top: 12px; font-size: 19px; }
    .works-detail-block.header { height: 400px; }
}

@media (max-width:980px) {
    .pagename-tvnet .works-detail-block.header { height: 304px; }
    .contact-page-text ul { padding-top: 30px; }
    .contact-page-text ul li { margin-top: 14px; }
    .contact-page-text ul { column-count: 2; }
    .about-page-title-link .n, .node-arrow .n { height: 10px; }
    .works-page-container { height: auto; }
    .menu ul.page li > a { padding-left: 30px; text-align: left; }
    .works-detail-block.header { height: 350px; }
    .copyright { font-size: 10px; margin-top: 10px; }
    footer .content { width: 680px; }
    .home-title { font-size: 70px; line-height: 70px; }
    .home-subtitle { font-size: 15px; margin-top: 18px; }
    .home-subtitle img { width: 20px; }
    .home-about-text-container { width: 70%; }
    .footer-menu ul li { width: 50%; margin-bottom: 20px; }
    .home-grid-node[date-typ=fulscreenText] .title { font-size: 20px; }
    .home-grid-node[date-typ=fulscreenText] .subtitle { font-size: 15px; margin-top: 7px; line-height: 22px; }
    .view-more-button { width: 220px; height: 40px; font-size: 15px; line-height: 40px; margin-top: 25px; }
    .home-grid-node[date-typ=box] .context .title, .home-grid-node[date-typ=boxTwoColumn] .context .title { font-size: 25px; }
    .works-page-works-list .gap, .works-page-works-list .mix { width: calc(100%/2); }
    .works-page-filtre-container h1 { font-size: 30px; }
    .tl .works-detail-text-block, .MoreProjectsIN, .works-detail-header-align, .works-detail-image-block, .works-detail-image-two-block, .works-detail-video-vimeo, .works-detail-video-vimeo iframe, .works-page-filtre-container { width: 640px; }
    .works-detail-awards-block, .works-detail-block.text-two .works-detail-text-block, .works-detail-text-block { width: 470px; }
    .works-detail-awards-block h3, .works-detail-text-block h3 { font-size: 35px; }
    .works-detail-text-block .text-block-text { font-size: 13px; padding-top: 6px; }
    .works-detail-video-vimeo iframe { height: 384px; }
    .works-detail-awards-block ul li h4 { font-size: 18px; }
    .works-detail-awards-block ul li h5 { font-size: 14px; padding-top: 4px; }
    .works-detail-awards-block-image { width: 65px; margin-right: 18px; }
    .works-detail-awards-block ul { padding-top: 10px; }
    .works-detail-text-block-link-button { width: 180px; height: 40px; font-size: 15px; line-height: 40px; }
    .MoreProjectsIN ul li:last-child { display: none; }
    .MoreProjects ul li { width: calc(33% - 4px); height: 165px; }
    .MoreProjectTitle { font-size: 33px; }
    .FormSendPopupIN { margin-left: -300px; width: 600px; height: 320px; margin-top: -160px; }
    .FormSendPopupGoDefault { margin-top: 101px; margin-left: -112px; font-size: 18px; }
    .FormSendPopupGoDefaultText { margin-top: -4px; }
    .FormSendPopupText { font-size: 18px; margin-top: 80px; }
    .FormSendPopupText span { font-size: 25px; }
    .home-grid-node[date-typ=fullscreen] { height: 92vh; }
	.home-grid-node[date-typ=fullscreen]:nth-child(1) { height: 106vh; }
	
    .home-grid-node[date-typ=fullscreen] img:first-child { object-fit: cover; height: 100%; }
}

@media (max-width:720px) {



    .works-page-filtre-list-container .isMobile1 { display: block; }
    .works-page-filtre-list-container .isMobile0 { display: none; }
    .mobile .mfix { display: inline; }
    .works-page-works-list .mix .context .subtitle { margin-top: 0px; }
    .mobile .works-page-works-list .mix .context .detail-year { display: none; }
    .works-page-filtre-list-container { transition-property: max-height; transition-duration: 1s; }
    .works-page-filtre-list-container.controls .control, .works-page-mobile-dropdown { color: #730068; font-size: 22px; text-align: center; font-family: Effra; }
    .works-page-mobile-dropdown { display: block !important; margin-top: 30px; width: calc(100%); height: 75px; background-color: #ebebeb; float: left; font-weight: 700; box-sizing: border-box; margin-left: 0; }
    .works-page-mobile-dropdown-text { float: left; width: 100%; text-align: left; line-height: 75px; margin-left: 30px; }
    .works-page-filtre-list-container { width: 100%; height: 100%; background-color: #fff; display: block; }
    .works-page-filtre-list-container.controls .control { font-weight: 400; width: 100% !important; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; text-align: left !important; }
    .works-page-filtre-list-container.controls .control sup { font-size: 20px; display: none; }
    .works-page-container { padding-bottom: 0 !important; }
    .works-page-filtre-list-container.controls .control.mixitup-control-active { background-color: #ffffff; color: #ff4300 !important; padding-top: 10px; padding-bottom: 10px; }

    .works-page-filtre-list-container.controls { margin-top: 0; width: calc(100%) !important; float: left; margin-left: 0 !important; margin-right: 0 !important; overflow-y: scroll; }
    .works-category-mobile-select { display: none; position: absolute; z-index: 21131; width: calc(100%); height: 70px; background-color: #ffffff; font-size: 25px; color: #FFF; font-family: Effra; font-weight: 700; float: left; }
    .works-category-mobile-select-in { background-color: #ff4300; width: 100%; height: 50px; position: relative; margin-left: auto; margin-right: auto; border-radius: 4px; line-height: 50px; }
    .MoreProjectsAllWorks, .MoreProjectsIN ul li:last-child, .MoreProjectsIN ul li:nth-child(3) { display: none; }
    .works-page-filtre-list-container { max-height: 0px; }
    .tl .works-detail-text-block, .works-detail-header-align, .works-detail-image-block, .works-detail-image-two-block, .works-detail-video-vimeo, .works-detail-video-vimeo iframe { width: 100%; box-sizing: border-box; }
    .works-detail-header-align { padding-left: 20px; padding-right: 20px; }
    .works-detail-video-vimeo iframe { padding: 0; }
    .MoreProjectsIN, .works-detail-awards-block, .works-detail-block.text-two .works-detail-text-block, .works-detail-text-block { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
    .works-detail-header-text h1 { font-size: 65px; line-height: 60px; }
    .works-detail-image-two-block-list-node { width: 100%; margin-left: 0; }
    .MoreProjects ul li { width: calc(50% - 4px); height: 190px; }
    .MoreProjectTitle { font-size: 22px; }
    .copyright { margin-top: 40px; }
    .home-title { font-size: 50px; line-height: 50px; }
    .home-subtitle { font-size: 15px; margin-top: 15px; }
    .menu { width: 100%; right: -100%; }
    .home-about-text-container, footer .content { width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
    .footer-menu ul li { width: 50%; margin-bottom: 20px; }
    .home-grid-node[date-typ=box], .home-grid-node[date-typ=boxTwoColumn] { width: 100%; }
    .home-grid-node[date-typ=boxTwoColumn] img { object-fit: cover; }
    .home-grid-node[date-typ=box] .context .subtitle, .home-grid-node[date-typ=boxTwoColumn] .context .subtitle { padding-right: 51px; }
    .home-grid-node.SocialNetwork { width: 50%; }
    .text-page-container { width: 480px; }
    .about-page-title { font-size: 40px; line-height: 40px; padding-top: 80px; }
    .services-page-title { font-size: 40px; line-height: 46px; padding-top: 80px; }
    .about-page-title-link { font-size: 14px; margin-top: 13px; }
    .about-page-title-link img { margin-left: 5px; width: 18px; }
    .about-page-text { font-size: 15px; margin-top: 20px; }
    .text-page-container h2 { font-size: 18px; margin-top: 60px; }
    .about-page-text-small { margin-top: 5px; font-size: 14px; }
    .about-page-awards-container img, .clients-logo .client-line img { width: 100%; }
    .about-page-count-container { margin-top: 30px; width: 480px; font-size: 15px; }
    .about-page-count-number { font-size: 45px; }
    .about-page-count-container .about-page-count-block:first-child, .about-page-count-container .about-page-count-block:nth-child(3) { margin-left: 90px; }
    .about-page-count-container .about-page-count-block:nth-child(4) { margin-left: 100px; }
    .about-page-count-block { height: 120px; }
    .about-page-count-container .about-page-count-block:nth-child(5) { margin-left: 70px; }
    .about-page-count-container .about-page-count-block:nth-child(6) { margin-left: 100px; }
    .about-page-awards-list > li { width: 100%; }
    .about-page-awards-list li ul { padding: 0; }
    .about-page-awards-list li { font-size: 14px; }
    .about-page-count-block-bottom .about-page-count-number { margin-top: -10px; }
    .works-page-works-list .gap, .works-page-works-list .mix { width: calc(100%/1); }
    .works-page-filtre-container { width: 100%; }
    .works-page-filtre-container h1 { font-size: 25px; padding-left: 18px; padding-right: 18px; box-sizing: border-box; }
    .contact-page-title { font-size: 40px; line-height: 46px; padding-top: 125px; }
    .contact-page-text-first { font-size: 25px; }
    .contact-page-social-networks img { width: 32px; margin-bottom: 19px; }
    .works-page-filtre-list-container.controls .control { padding-left: 0px; }
    .works-page-filtre-list-container.controls { padding-left: 10%; padding-right: 10%; box-sizing: border-box; }
    .works-page-mobile-dropdown-text { margin: 0px; padding: 0px; padding-left: 10%; padding-right: 10%; width: 100%; box-sizing: border-box; }
    .works-arrow-passive { float: right; margin-top: 2px; }
    .works-category-mobile-select { padding-left: 10%; padding-right: 10%; box-sizing: border-box; }
    .works-arrow-passive img { width: 13px; transition-property: all; transition-duration: .5s; }
    .openR .works-arrow-passive img { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    .works-page-filtre-list-container.controls button { font-size: 17px !important; }
    .works-page-filtre-list-container.controls button sup { font-size: 14px !important; }
}

@media (max-width:640px) {

    .language-menu {     right: 25px !important;
    margin-top: 66px !important;
    position: absolute !important;
    font-size: 31px !important;
    font-family: Effra !important; }
    .MoreProjects ul li { width: calc(100% - 0px); height: 250px; }
    .MoreProjectsIN ul li:nth-child(2) { display: none; }
    .FormSendPopupGoDefaultText { margin-top: -3px; }
    .menu .language { margin-left: -75px; }
    .works-detail-header-text h1 { font-size: 55px; line-height: 50px; }
    .works-detail-header-text h2 { margin-top: 7px; font-size: 15px; }
    .home-title { font-size: 40px; line-height: 40px; }
    .home-subtitle { font-size: 14px; margin-top: 18px; }
    .home-container { padding-left: 25px; }
    .logo { margin-left: 18px; width: 123px; height: 22px; margin-top: 22px; }
    .home-subtitle img { width: 18px; margin-left: 6px; }
    .h-menu { right: 25px; top: 21px; width: 25px; height: 20px; }
    .h-menu span { height: 3px; }
    .h-menu span:nth-child(2) { top: 7px; }
    .h-menu span:nth-child(3) { top: 14px; }
    .h-menu.open span:nth-child(3) { top: 15px; }
    .h-menu.openvideo span:nth-child(3) { top: 15px; }
    .text-page-container { width: 100%; padding-left: 18px; padding-right: 18px; box-sizing: border-box; }
    .about-page-count-block { width: 50%; margin-left: 0 !important; float: left; height: 95px; }
    .about-page-awards-list > li, .about-page-count-container, .footer-menu ul li { width: 100%; }
    .about-page-count-text { line-height: 14px; font-size: 12px; }
    .about-page-awards-list li ul { padding: 0; }
    .about-page-awards-list li { font-size: 14px; }
    .about-page-count-block-bottom .about-page-count-number { margin-top: -10px; }
    .services-page-logo { font-size: 15px; }
    .FormSendPopupGoDefault { margin-left: -97px; margin-top: 75px; font-size: 15px; }
    .FormSendPopupIN { margin-left: -200px; width: 400px; height: 264px; margin-top: -132px; }
    .FormSendPopupText { font-size: 15px; margin-top: 66px; }
    .FormSendPopupText span { font-size: 22px; }
    .MoreProjectsINScroll { float: left; width: 100%; overflow: hidden; }
    .mobile .MoreProjectsINScroll { float: left; width: 100%; overflow: hidden; overflow-x: auto; }
    .MoreProjectsINScroll ul { width: calc(400%) !important; }
    .mobile .MoreProjectsINScroll ul li { display: block !important; width: calc(25% - 7px) !important; }
    .mobile .MoreProjectTitle img { float: right; margin-right: 30px; display: block; }
    .MoreProjectTitle img:first-child { float: left; margin-left: 30px; margin-right: 0px; }


    .mobile .morecontent span { display: none; }
    .mobile .morelink { display: block; margin-top: 15px; float: right; }
    .morelink { color: #ff4300; font-family: Effra; font-weight: 700; font-style: normal; text-decoration: none; }
}

@media (max-width:480px) {
    .works-detail-header-text h1 { font-size: 45px; line-height: 40px; }
    .works-detail-header-text h2 { margin-top: 7px; font-size: 13px; }
    .home-title { font-size: 30px; line-height: 30px; }
    .home-subtitle { font-size: 13px; margin-top: 18px; }
    .home-subtitle img { width: 15px; margin-left: 6px; }
    .home-type-header .home-subtitle { padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; }
    .home-subtitle { border: solid 2px #FFF; }
    .home-subtitle:hover { border: solid 2px #ff4301; }
    .home-grid-node[date-typ=fullscreen] .context .title { font-size: 25px; }
    .home-grid-node[date-typ=fullscreen] .context .subtitle { font-size: 14px; }
    .home-grid-node[date-typ=fullscreen] .context .detail-link { font-size: 12px; }
    .home-grid-node[date-typ=fullscreen] .context .detail-link img { margin-left: 4px; width: 5px; }
    .contact-page-adress-node { width: 100%; margin-bottom: 30px; }
    .contact-page-social-networks a { margin-left: 17px; margin-right: 17px; }
    .contact-page-social-networks img { width: 25px; margin-bottom: 19px; }
}

@media (max-width:320px) {
    .about-page-count-block, .home-grid-node.SocialNetwork { width: 100%; }
}

@media (max-height:800px) {
    .menu ul.department { margin-top: 75px; font-size: 25px; }
    .menu ul.department li a { height: 45px; line-height: 45px; }
    .menu ul.language { margin-bottom: 20px; margin-top: 40px; }
}

@media (max-height:800px) and (max-width:980px) {
    .menu ul.department { margin-top: 45px; }
}
